<template>
  <el-menu
    default-active="1"
    class="el-menu-demo"
    mode="horizontal"
    text-color="#333"
    active-text-color="#1DA2C8"
    :router="isRoute"
    @select="handleSelect"
  >
    <!-- <el-menu-item index='' route=''>店铺认证</el-menu-item>
    <el-menu-item index='' route=''>套餐升级</el-menu-item> -->
    <el-submenu index="3">
      <template slot="title">{{ name }}</template>
      <el-menu-item index="3-1" route="/step1">返回</el-menu-item>
      <el-menu-item index="3-2" route="/indexWeb" @click="exithandle"
        >退出</el-menu-item
      >
    </el-submenu>
  </el-menu>
</template>

<script>
export default {
  data() {
    return {
      isRoute: true,
      name: this.$store.state.app_name
    };
  },
  created() {},
  methods: {
    exithandle() {
      this.$store.commit("app_id", "");
      this.$store.commit("_token", "");
      this.$store.commit("group_id", "");
      this.$store.commit("root_id", "");
      this.$store.commit("qiniu", "");
      this.$store.commit("app_name", "");
      this.$store.commit("group_name", "");
      this.$store.commit("app_cover", "");
    },
    handleSelect() {}
  }
};
</script>

<style lang="scss" scoped>
.el-menu--horizontal {
  border: none;
  float: right;
}
.el-menu-item {
  font-family: PingFangSC-Regular;
  font-size: 14px;
}
.el-menu-item:hover {
  color: #1da2c8 !important;
}
</style>
